<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>对冲策略</title>
    <script src="js/public.js"></script>
    <!--<link rel="stylesheet" href="css/index.css" type="text/css">-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="css/currency.css"/>
    <link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.css"/>
    <link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="css/hedge.css">

    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Access-Control-Allow-Origin" content="application/json; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!-- 启用 WebApp 全屏模式 -->
    <meta http-equiv="Cache-Control" content="no-transform "/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta name="format-detection" content="telphone=no, email=no"/>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
            integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
            crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
            integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
            crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
            integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
            crossorigin="anonymous"></script>

    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/md5.js" type="text/javascript"></script>
    <script src="js/HedgingStrategy.js?v1" type="text/javascript"></script>
    <script src="js/rangeSlider.js" type="text/javascript"></script>

    <!--<script type="text/javascript">
    window.onload=function(){

           var fontsize = window.innerWidth/7.5>100?100:window.innerWidth/7.5>100;
           alert(fontsize)
        var winwidth = window.innerWidth
        document.documentElement.style.fontSize = winwidth/7.5 + 'px';
        window.onresize = function () {
            var winwidth = window.innerWidth;
            document.documentElement.style.fontSize = winwidth/7.5 + 'px';
        }
    }
</script>-->
    <script>
        window.onload = function () {

        }
    </script>
    <style>

    </style>
</head>

<body  >
<div class="container-fluid">
    <div class="hedge_strategy_head">

        <h1>对冲策略 <span style="font-size: 1.2rem"> 美东日期：
                <lable id="date"></lable></span></h1>
        <form class="form-inline" style="margin-top: 0.5rem;margin-bottom: 0.5rem;">
                <div class="asset">
                    <!--总资产：-->
                    <!--<lable id="allMoney"></lable>-->
                    <!--资产净值：-->
                    <!--<lable id="CMoney"></lable>-->
                    <!--证券市值：-->
                    <!--<lable id="storeMoney"></lable>-->

                    <lable id="strategyId"></lable>
                    <!--多头市值：-->
                    <lable id="buyOpenValue"></lable>
                    <!--空头市值：-->
                    <lable id="sellOpenValue"></lable>
                    <!--累计盈亏：-->
                    <lable id="allPositionProfitValue"></lable>
                    <!--今日总盈亏：-->
                    <lable id="todayAllPositionProfitValue"></lable>
                </div>
                <div class="inform" id="inform"></div>
            </form>
        <form class="form-inline" style="margin-top: 5px;margin-bottom: 5px;">
                <div class="btn-group">
                    <button type="button" id="addNewGroup" class="btn btn-primary"><span class="icon-plus">&nbsp;</span>新增对冲
                    </button>
                </div>
            </form>
        <div class="checkboxDiv">
                <!--<label class="checkbox-inline" >-->
                    <!--<input type="checkbox" id="" value="0" checked="checked"> 组合序号-->
                <!--</label>-->
                <!--<label class="checkbox-inline">-->
                    <!--<input type="checkbox" id="" value="1,0" checked="checked"> 持有股票-->
                <!--</label>-->
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="2,1" checked="checked"> 方向
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="3,2" checked="checked"> 成本价
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="4,3" checked="checked"> 当前价
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="5,4" checked="checked"> 数量
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="6,5" checked="checked"> 当前金额
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="7,6" checked="checked"> 今日盈亏
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="8,7" checked="checked"> 今日涨幅
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="9,8" checked="checked"> 累计盈亏
                </label>
                <!--<label class="checkbox-inline">-->
                    <!--<input type="checkbox" id="" value="10,9" checked="checked"> 买入日期-->
                <!--</label>-->
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="10" checked="checked"> 多空比
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="11" checked="checked"> 累计盈亏（组合）
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="12" checked="checked"> 今日盈亏（组合）
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="13" checked="checked"> 涨幅
                </label>
                <!--<label class="checkbox-inline">-->
                    <!--<input type="checkbox" id="" value="15" checked="checked"> 7日涨幅-->
                <!--</label>-->
                <!--<label class="checkbox-inline">-->
                    <!--<input type="checkbox" id="" value="16" checked="checked"> 1月涨幅-->
                <!--</label>-->
            <label class="checkbox-inline">
                <input type="checkbox" id="" value="14,9" checked="checked"> 买入日期
            </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="15,10" checked="checked"> 财报时间点
                </label>
                <label class="checkbox-inline">
                    <input type="checkbox" id="" value="16,11" checked="checked"> 操作
                </label>
            <label class="checkbox-inline">
                <input type="checkbox" id="" value="17,12" checked="checked"> 机构评估
            </label>

            </div>
    </div>

    <div class="hedge_strategy_list">
        <div class="Hedtable table-responsive hedge_strategy_list_table">
            <table class="table text-nowrap" id="HedTable">
                    <thead>
                    <tr class="Tr" style="background: #FFFFFF">
                        <th>组合序号</th>
                        <th>持有股票</th>
                        <th>方向</th>
                        <th>成本价&nbsp;<img class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png"></th>
                        <th>当前价&nbsp;<img class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png"></th>
                        <th>数量&nbsp;<img class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png"></th>
                        <th>当前金额&nbsp;<img class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png"></th>
                        <th>今日盈亏&nbsp;<img class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png"></th>
                        <th>今日涨幅&nbsp;<img class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png"></th>
                        <th>累计盈亏&nbsp;<img class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png"></th>
                        <!--<th>买入日期</th>-->
                        <th>多空比</th>
                        <th>
                            <div>
                                累计盈亏&nbsp;<img value="2,1" class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png">
                            </div>
                        </th>
                        <th>
                            <div>
                                今日盈亏&nbsp;<img value="1,1" class="sort_up" src="img/sort-up.png"><img value="1,0" class="sort_down" src="img/sort-down.png">
                            </div>
                        </th>
                        <th>涨幅</th>
                        <th>买入日期 &nbsp;<img class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png"></th>
                        <!--<th>-->
                            <!--<div>-->
                                <!--今日涨幅&nbsp;<img value="3,1" class="sort_up" src="img/sort-up.png"><img value="3,0" class="sort_down" src="img/sort-down.png">-->
                            <!--</div>-->
                        <!--</th>-->
                        <!--<th>-->
                            <!--<div>-->
                                <!--7日涨幅&nbsp;<img value="4,1" class="sort_up" src="img/sort-up.png"><img value="4,0" class="sort_down" src="img/sort-down.png">-->
                            <!--</div>-->
                        <!--</th>-->
                        <!--<th>-->
                            <!--<div>-->
                                <!--1月涨幅&nbsp;<img value="5,0" class="sort_up" src="img/sort-up.png"><img value="5,1" class="sort_down" src="img/sort-down.png">-->
                            <!--</div>-->
                        <!--</th>-->
                        <th>财报时间点&nbsp;<img class="sort_up" src="img/sort-up.png"><img  value="2,0" class="sort_down" src="img/sort-down.png"></th>
                        <th>操作</th>
                        <th>机构评估</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
        </div>
    </div>


    <!--股票买入-->
    <div class="business" id="buyView">
        <div style="width: 100%;">
            <h2 class="_h2strategyName" style="text-align: center;">策略名称</h2>
            <!--<p id="canBuyMoney" style="margin-left: 23rem">可用：</p>-->
            <h3 style="margin-left: 2rem">买入</h3>
        </div>
        <div>
            <div class="strategy_form">
                <div>
                    <label>股票代码</label>
                    <input id="buyStockId" readonly="readonly" type='text' placeholder="请输入股票代码"/>
                </div>
                <div>
                    <label>股票名称</label>
                    <input id="buyStockName" type='text' readonly="readonly" placeholder="股票名称根据股票代码自动获取">
                </div>
                <div>
                    <label>买入价</label>
                    <input id="buyPrice" type='number' step="0.01" min="0.01" placeholder="请输入买入价"/>
                </div>
                <!--<div>-->
                    <!--<label>买入比例</label>-->
                    <!--<div name="tradeVolume" class="volume">-->
                        <!--<input id="buy_range_slider" type='range' step="5" value="0"/>-->
                    <!--</div>-->
                    <!--<div class="volume_percent">-->
                        <!--<input id="buyProportion" type="text"/>-->
                    <!--</div>-->

                <!--</div>-->
                <div>
                    <label>买入量</label>
                    <input id="buyCount" type='text' placeholder="请输入买入量"/>

                </div>
                <div>
                    <label>买入额</label>
                    <input id="buySum" type='text' placeholder="请输入买入额"/>
                </div>
                <div>
                    <label>交易时间</label>
                    <input id="buyTime" type='datetime-local' step='1' value='' placeholder="请输入交易时间"/>
                </div>
                <div>
                    <label>交易方式</label>
                    <select id="buyTradeDirection">
                        <option value="1">多头</option>
                        <option value="2">空头</option>
                    </select>
                </div>
                <div style="margin-left: 30%;">
                    <button class="btn" id="buyNow" style="color: blue;"><i class="icon-ok"></i>确认</button>
                    <button class="btn" id="buyViewClose" style="margin-left: 10%;color: red;"><i
                            class="icon-remove"></i>取消
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!--股票卖出-->
    <div class="business" id="sellView">
        <div style="width: 100%;">
            <h2 class="_h2strategyName" style="text-align: center;">策略名称</h2>
            <h3 style="margin-left: 2rem">卖出</h3>
        </div>
        <div>
            <div class="strategy_form">
                <div>
                    <label>股票代码</label>
                    <input id="sellStockId" type="text" readonly="readonly"/>
                </div>
                <div>
                    <label>股票名称</label>
                    <input id="sellstockName" type="text" readonly="readonly"/>
                </div>
                <div>
                    <label>持仓股数</label>
                    <input id="myHoldStock" type="text" readonly="readonly"/>
                </div>
                <div>
                    <label>持仓价格</label>
                    <input id="holdPrice" type="text" readonly="readonly"/>
                </div>
                <div>
                    <label>持仓方式</label>
                    <input id="myHoldMethod" type="text" readonly="readonly"/>
                </div>
                <div>
                    <label>卖出价</label>
                    <input id="sellPrice" type='text' placeholder="请输入卖出价"/>
                </div>
                <!--<div>-->
                    <!--<label>卖出比例</label>-->
                    <!--<div class="volume">-->
                        <!--<input id="sell_range_slider" type='range' value="0"/>-->
                    <!--</div>-->
                    <!--<div class="volume_percent">-->
                        <!--<input id="sellProportion" type="text"/>-->
                    <!--</div>-->

                <!--</div>-->
                <div>
                    <label>卖出量</label>
                    <input id="sellCount" type='text' placeholder="请输入卖出量"/>
                </div>
                <div>
                    <label>卖出额</label>
                    <input id="sellSum" type='text' placeholder="请输入卖出额"/>
                </div>
                <div>
                    <label>交易时间</label>
                    <input id="sellTime" type='datetime-local' step="1" placeholder="默认显示当前时间，可调整"/>
                </div>
                <div style="margin-left: 30%;">
                    <button class="btn" id="sellNow" style="color: blue;"><i class="icon-ok"></i>确认</button>
                    <button class="btn" id="SellViewClose" style="margin-left: 10%;color: red;"><i
                            class="icon-remove"></i>取消
                    </button>
                </div>
            </div>
        </div>
    </div>

</div>

</body>

</html>

